{% extends 'bulls/base_bulls.html' %}
{% load staticfiles %}
{% block title %} 内容页 {% endblock %}
{% block head %}
<link rel="stylesheet" type="text/css" href="{% static 'bulls/css/content.css' %}">
{% endblock %}


{% block contentArea %}
<div id="contentArea">
    <table id="contentAreaInnerWrapper">
        <tr>
            <td id="contentAreaLeftTd">
                <div id="leftSubMenuAndAd" >
                    <!--子菜单-->
                    <!--在当前栏目的元素内加current属性来表示当前栏目-->
                    {% for category in categories %}
                        {% for child in category.childs %}
                            {% if column_id == child.id|stringformat:"s" %}
                                {% for child in category.childs %}
                                    <a class="leftSubmenuItem" href="{% url 'bulls:column' column_id=child.id %}" {% if column_id == child.id|stringformat:"s" %} current {% endif %}>{{ child.name }}</a>
                                {% endfor %}
                            {% endif %}
                        {% endfor %}
                    {% endfor %}
                    <!--广告-->
                    <a class="leftAdItem" href="javascript:"><img class="leftAdItemImage" src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" /></a>
                    <a class="leftAdItem" href="javascript:"><img class="leftAdItemImage" src="{% static 'bulls/tempSrc/QQ20140430145119.png' %}" /></a>
                </div>
            </td>
            <td id="contentAreaRightTd">
                <div id="rightContent">
                    <div id="rightContentPath">
                        <!--路径-->
                        <a class="rightContentPathItem" href="javascript:">首页</a> &gt;
                        <a class="rightContentPathItem" href="javascript:">子栏目</a> &gt;
                        <a class="rightContentPathItem" href="javascript:">子栏目</a> &gt;
                        <a class="rightContentPathItem" href="javascript:">子栏目</a> &gt;
                        <a class="rightContentPathItem" href="javascript:">子栏目</a> &gt;
                        <a class="rightContentPathItem" href="javascript:">子栏目</a>
                    </div>
                    <div id="rightContentWrapper">
                        <div id="rightContentTitle">{{ article.title }}</div>
                        <div id="rightContentInfo">{{ article.create_time|date:"y-m-d" }}</div>
                        <div id="rightContentArticle">
                            {{ article.content|linebreaksbr  }}
                        </div>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</div>
{% endblock %}